Your last step is to attach a behavior to links in the navigation frame that plays a sound when the pointer passes over.
A behavior is a JavaScript element that makes objects interactive without scripting. A behavior is a combination of events and actions. When you attach a behavior, you specify an event that triggers an action.
1 | Select the link text Home Page. |
2 | Click the Behavior button in the Launcher, or choose Window > Behaviors. |
The Behavior inspector appears. You use the Behavior inspector to choose the events and actions for the behavior you're creating. | |
3 | In the Behavior inspector, choose 4.0 Browsers from the Browser pop-up menu. |
Different browsers recognize different events. Dreamweaver eliminates events that aren't recognized by the browsers you choose from this menu.
![]() |
|
4 | Click the Events pop-up menu on the left and choose On onMouseOver. |
5 | Click the Actions pop-up menu and choose Control Sound. |
6 | In the Control Sound dialog box, click Play Sound. |
7 | Click Browse and choose the file SodaCan.wav. |
You have completed attaching a behavior to the first link. | |
8 | In the navigation bar frame, select the text Order Form and repeat steps one through six to attach a behavior that plays the sound SodaCan.wav. |
Behaviors don't work in the Document window. They only work in a browser. | |
9 | Choose File > Preview in Browser to see the behaviors work. The sound should play when you move the pointer over either link. |
The web site is now complete.
![]() |
|
![]() |
If you want to compare your work to a completed version of the page, open the folder Completed Files inside the Tutorial Folder and then open the file SiteFrameSet.htm.
You've created a simple web page in a short amount of time that uses some of the latest Dynamic HTML features, all without writing a line of code. If you want to work in HTML, Dreamweaver creates code that's easy to read. You can even edit it with another editor like BBEdit or Homesite and bring it back into Dreamweaver without causing problems.
To learn more about Dreamweaver, see Workspace overview.